<div class="contentContainer">
  <div class="row">
    <div class="col-lg-2 nav_left d-none d-lg-block" id="test">
      {{#foreach navigation}}
      {{#if current}}
      {{#if nodes}}
      <div class="card">
        {{#foreach nodes}}
        {{#if contents}}
        <div class="card-header">
          <a href="#" title="{{name}}">{{name}}</a>
        </div>
        {{else}}
        <div class="card-header">
          <a href="{{#if path}}{{path}}{{else}}{{mixed.url}}{{/if}}" title="{{name}}">{{name}}</a>
        </div>
        {{/if}}
        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
          <ul class="_list">
            {{#foreach contents limit="5"}}
            <li><a href="{{href}}">{{title}}</a></li>
            {{/foreach}}
          </ul>
        </div>
        {{/foreach}}
      </div>
      {{/if}}
      {{/if}}
      {{/foreach}}
    </div>
    <div class="col-lg-8 col-12 main-content">
      {{#foreach list.contents}}
        <div class="media">
          <h3 class="media-heading text-overflow margin-bottom-10"><a href="{{url}}" title="{{title}}">{{title}}</a></h3>
          {{#if thumbnail}}
            <div class="media-left">
              <img class="media-object" src="{{thumbnail.src}}" title="{{thumbnail.fileName}}" alt="{{thumbnail.description}}" width="100">
            </div>
          {{/if}}
          <div class="media-body text-muted">
            {{#if abstract}}
              <p>{{abstract}}</p>
            {{/if}}
            <p><span>{{dateformat date format="YYYY年MM月DD日 HH:mm"}}</span><span class="pull-right">阅读量：{{reading.total}}</span></p>
          </div>
        </div>
        <hr>
      {{/foreach}}
      <nav class="navigation" aria-label="Page navigation example">
        <ul class="pagination">
          <li class="page-item"><a class="page-link" href="#">1</a></li>
          <li class="page-item"><a class="page-link" href="#">2</a></li>
          <li class="page-item"><a class="page-link" href="#">3</a></li>
          <li class="page-item"><a class="page-link" href="#">4</a></li>
          <li class="page-item">
            <a class="page-link" href="#">下一页</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="col-lg-2 d-none d-lg-block">
      <form class="navbar-form navbar-right" action="/search" name="searchForm" autocomplete="on" role="search">
        <div class="form-group">
          <div class="input-group">
            <input name="words" type="search" method="get" class="form-control" placeholder="搜索全站...">
            <span class="input-group-btn">
              <button class="btn btn-default" type="submit">搜索</button>
            </span>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>